﻿/*******************************************************************
    reset
 *******************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}

body
{
	background-color: #f6f6f6;
	font-family: "Tahoma" , "Lucida Grande" ,Verdana, "Lucida Sans Regular" , "Lucida Sans Unicode" ,Arial,sans-serif;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
}

ul, li, ol, dl, dt, dd
{
	list-style: none;
}

fieldset, img, iframe
{
	border: 0;
}

legend
{
	color: #000;
}

a
{
	color: #a90037;
	text-decoration: none;
}

a:hover
{
	color: #a90037;
	text-decoration: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

td, th, caption
{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

img
{
	border: 0 none;
}
.key-message
{
	color: Blue;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/*******************************************************************
    layout
 *******************************************************************/

/*******************************************************************
    general
 */
.clear
{
	clear: both;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
}

.clear-center
{
	background-color: #fff;
	width: 940px;
	margin: 0 auto;
}

span.white
{
	color: #FFF;
}

span.pink
{
	color: #A80037;
}

.form .field
{
	overflow: hidden;
	padding: 5px;
}

.form .input[type=text]
{
	border: 1px solid #9a9a9a;
	color: #333333;
	height: 18px;
	padding: 1px;
	width: 194px;
}

.form .file
{
	border: 1px solid #9a9a9a;
	color: #333333;
	height: 18px;
	padding: 1px;
	width: 194px;
}

.form .select
{
	border: 1px solid #9a9a9a;
	color: #333333;
	height: 22px;
	padding: 1px;
	width: 304px;
}

.form .textarea
{
	border: 1px solid #9a9a9a;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 12px;
	padding: 1px;
}

.hand
{
	cursor: pointer;
}

.edit-box
{
	background: transparent url("../images/icon-edit.jpg") no-repeat scroll left top;
	color: #A80037;
	cursor: pointer;
	display: block;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
	float: right;
}

.edit-box:hover
{
	text-decoration: underline;
}

.field-error
{
	background-color: #ffe2e2 !important;
	border-left: 2px solid #a90037 !important;
}

.itemfocus
{
	background-color: #acf;
	color: #333 !important;
}

/*******    Main-Body ********/
#main-body
{
	background: transparent url("../images/body-bg.jpg") no-repeat center top;
}

/*******    SelectBox ********/

.selectbox
{
	background: transparent url("../images/bg-select-city-home.jpg") no-repeat right center;
	border: none;
	cursor: pointer;
	display: block;
	text-align: left;
}

.selectbox-wrapper
{
	background-color: white;
	border: 1px solid #ccc;
	overflow: auto;
	position: absolute;
	text-align: left;
	z-index: 99;
}

.selectbox-wrapper ul
{
	overflow: hidden;
}

.selectbox-wrapper ul li
{
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 2px;
}

.selectbox-wrapper ul li.selected
{
	background-color: #dbdbdb;
}

.selectbox-wrapper ul li.current
{
	background-color: #f5f5f5;
}

/*******  Blast ********/

.sblast
{
	overflow: hidden;
	width: 360px;
	background-color: #f8f8f8;
}

.sblast .top
{
	height: 10px;
	background: transparent url("../images/corner-left-top.jpg") no-repeat left top;
}

.sblast .top .bd-top
{
	border-top: 1px solid #D1D3D4;
	float: left;
	margin-left: 10px;
	width: 342px;
}

.sblast .top .right-corner
{
	height: 10px;
	background: transparent url("../images/corner-right-top.jpg") no-repeat right top;
}

.sblast .bottom
{
	background: transparent url("../images/corner-left-bottom.jpg") no-repeat scroll left top;
	height: 10px;
	overflow: hidden;
	width: 360px;
}

.sblast .bottom .bd-bottom
{
	border-bottom: 1px solid #D1D3D4;
	float: left;
	height: 9px;
	margin-left: 10px;
	width: 342px;
}

.sblast .bottom .right-corner
{
	height: 10px;
	background: transparent url("../images/corner-right-bottom.jpg") no-repeat right bottom;
}

.sblast .body
{
	background-color: #f8f8f8;
	border-left: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	width: 282px;
	position: relative;
	padding: 0px 38px;
	color: #333333;
}

.sblast .body .blast-text
{
	text-align: justify;
	overflow: hidden;
}

.sblast .body .comma-top
{
	background: transparent url("../images/comma-top.jpg") no-repeat right bottom;
	width: 21px;
	height: 18px;
	position: absolute;
	left: 5px;
	top: 0px;
}

.sblast .body .comma-bottom
{
	background: url("../images/comma-bottom.jpg") no-repeat scroll right bottom transparent;
	bottom: 0px;
	height: 18px;
	position: absolute;
	right: 5px;
	width: 21px;
}

/*******    Head-page ********/
#head-page
{
	height: 180px;
}

#head-page .boder-hor
{
	background: transparent url("../images/border-pink.jpg") repeat-x left top;
	width: 920px;
	height: 1px;
	padding: 0 10px;
	margin: 0 auto;
}

/*******    Home Page ********/
#home-page
{
	width: 956px;
	overflow: hidden;
	background-color: #F8F8F8;
	margin: 0 auto;
}

#home-page .header
{
	width: 956px;
	height: 102px;
	overflow: hidden;
}

#home-page .header .line
{
	width: 956px;
	height: 7px;
	background-color: #921530;
}

#home-page .header .title
{
	overflow: hidden;
	padding: 10px 11px 13px 50px;
}

#home-page .header .title .bner-home
{
	background: url("../images/logo-trs.png") no-repeat left top;
	width: 157px;
	height: 72px;
	float: left;
	cursor: pointer;
}

#home-page .header .title .slogan
{
	border-left: solid 1px #E2E2E2;
	background: url('../images/img-slogan.jpg') no-repeat left top;
	width: 335px;
	height: 60px;
	float: right;
}

#home-page .top
{
	overflow: hidden;
	padding-left: 5px;
	margin-bottom: 5px;
	background-color: #F8F8F8;
}

#home-page .top .border-left
{
	width: 3px;
	height: 485px;
	background: url('../images/border-home-top-left.jpg') no-repeat top left;
	float: left;
}

#home-page .top .middle
{
	float: left;
	overflow: hidden;
}

#home-page .top .middle .main
{
	width: 940px;
	height: 482px;
	position: relative;
}

#home-page .top .middle .main .image
{
	width: 235px;
	height: 241px;
	float: left;
}

#home-page .top .middle .main #login-page
{
	width: 405px !important;
	height: 145px !important;
	background: transparent url('../images/bg-login-home.png') no-repeat left top !important;
	top: 22px !important;
	left: 60px !important;
	position: absolute !important;
	overflow: hidden;
	border: none !important;
	padding: 0 !important;
}

#home-page .top .middle .main #login-page .icon
{
	width: 29px;
	height: 32px;
	background: url('../images/icon-heart.jpg') no-repeat left top;
	float: left;
	margin-right: 10px;
}

#home-page .top .middle .main #login-page .title
{
	font-weight: bold;
	color: #555555;
	float: left;
	margin-top: 5px;
}

#home-page .top .middle .main #login-page .row
{
	padding-left: 20px;
	padding-bottom: 3px;
	overflow: hidden;
}

#home-page .top .middle .main #login-page .first-row
{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px !important;
}

#home-page .top .middle .main #login-page .last-row
{
	background-color: #E9E9E9;
	height: 24px;
	margin-left: 3px;
	width: 382px;
	padding-top: 3px !important;
	padding-left: 17px !important;
	padding-bottom: 3px !important;
}

#home-page .top .middle .main #login-page .field
{
	width: 153px;
	height: 30px;
	float: left;
	overflow: hidden;
}

#home-page .top .middle .main #login-page .email
{
	background: url('../images/bg-txt-email-home.jpg') no-repeat left top;
}

#home-page .top .middle .main #login-page .password
{
	background: url('../images/bg-txt-pass-home.jpg') no-repeat left top;
}

#home-page .top .middle .main #login-page .field-right
{
	margin-left: 10px;
}

#home-page .top .middle .main #login-page .input
{
	border: none;
	height: 22px;
	margin-left: 35px;
	margin-top: 5px;
	width: 115px;
	color: #939598;
}

#home-page .top .middle .main #login-page .itemfocus
{
	background-color: Transparent;
}

#home-page .top .middle .main #login-page a
{
	font-weight: normal;
	font-size: 11px;
	color: #A90037;
}

#home-page .top .middle .main #login-page #btnDangNhap
{
	width: 50px;
	height: 32px;
	float: left;
	margin-left: 10px;
	background: transparent url('../images/btn-login-home.jpg') no-repeat top left;
	cursor: pointer;
	border: none;
}

#home-page .top .middle .main #login-page .openid-text
{
	vertical-align: middle;
	float: left;
	padding: 4px 0;
}

#home-page .top .middle .main #login-page .openid-icon
{
	width: 89px;
	height: 21px;
	cursor: pointer;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}

#home-page .top .middle .main #search-form
{
	width: 405px;
	height: 280px;
	background: transparent url('../images/bg-search-home.png') no-repeat left top;
	top: 173px;
	left: 60px;
	position: absolute;
	overflow: hidden;
}

#home-page .top .middle .main #search-form .icon
{
	width: 29px;
	height: 30px;
	background: url('../images/icon-search.jpg') no-repeat left top;
	float: left;
	margin-right: 10px;
}

#home-page .top .middle .main #search-form .row
{
	padding-left: 20px;
	margin-bottom: 10px;
	height: 30px;
	overflow: hidden;
}

#home-page .top .middle .main #search-form .first-row
{
	padding-top: 15px;
	padding-bottom: 5px;
}

#home-page .top .middle .main #search-form .last-row
{
	padding-top: 5px;
}

#home-page .top .middle .main #search-form .title
{
	font-weight: bold;
	color: #555555;
	float: left;
	margin-top: 5px;
}

#home-page .top .middle .main #search-form .field-title
{
	width: 100px;
	text-align: left;
	float: left;
	font-weight: bold;
	font-size: 13px;
	padding-top: 5px;
}

#home-page .top .middle .main #search-form .field
{
	float: left;
	padding-top: 5px;
}

#home-page .top .middle .main #search-form .age-title
{
	float: left;
	padding-top: 5px;
}

#home-page .top .middle .main #search-form .age-field
{
	padding-top: 0px !important;
}

#home-page .top .middle .main #search-form .city-field
{
	padding-top: 0px !important;
}

#home-page .top .middle .main #search-form .text-field
{
	width: 49px;
	height: 30px;
	background: transparent url('../images/bg-txt-age-home.jpg') no-repeat left top;
	float: left;
	margin: 0 10px;
}

#home-page .top .middle .main #search-form .input
{
	margin-top: 6px;
	margin-left: 3px;
	width: 43px;
	height: 22px;
	border: none;
	background-color: transparent;
}

#home-page .top .middle .main #search-form input[type=radio]
{
	margin-right: 5px;
}

#home-page .top .middle .main #search-form label
{
	margin-right: 15px;
}

#home-page .top .middle .main #search-form .selectbox
{
	width: 220px;
	height: 30px;
	overflow: hidden;
}

#home-page .top .middle .main #search-form .divselectbox
{
	padding-top: 6px;
	padding-left: 10px;
	width: 210px;
	height: 24px;
}

#home-page .top .middle .main #search-form #btn-SearchHome
{
	width: 106px;
	height: 32px;
	background: transparent url('../images/btn-search-home.jpg') no-repeat left top;
	border: none;
	cursor: pointer;
	margin-left: 120px;
}

#home-page .top .middle .border-bottom
{
	width: 940px;
	height: 3px;
	background: url('../images/border-home-top-bottom.jpg') no-repeat top left;
}

#home-page .top .border-right
{
	width: 3px;
	height: 485px;
	background: url('../images/border-home-top-right.jpg') no-repeat top left;
	float: left;
}

#home-page .main
{
	overflow: hidden;
	background-color: #F8F8F8;
}

#home-page .main .border-left
{
	width: 8px;
	height: 847px;
	background: url('../images/border-home-main-left.jpg') no-repeat top left;
	float: left;
}

#home-page .main .middle
{
	overflow: hidden;
	float: left;
	background: #FFF;
	height: 847px;
}

#home-page .main .middle .border-top
{
	width: 940px;
	height: 12px;
	background: url('../images/border-home-main-top.jpg') no-repeat top left;
}

#home-page .main .middle .content
{
	overflow: hidden;
	padding: 20px;
	height: 783px;
}

#home-page .main .middle .content .image
{
	border: solid 1px #C0C2C4;
	padding: 1px;
	margin-bottom: 20px;
}

#home-page .main .middle .content .title
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

#home-page .main .middle .content .paragraph
{
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 20px;
}

#home-page .main .middle .content .left
{
	width: 568px;
	float: left;
	border-right: solid 1px #EAEAEA;
	overflow: hidden;
	padding-top: 20px;
}

#home-page .main .middle .content .left .top-paragraph
{
	padding-right: 20px;
}

#home-page .main .middle .content .right
{
	width: 300px;
	padding-left: 20px;
	float: right;
	overflow: hidden;
}

#home-page .main .middle .border-bottom
{
	width: 940px;
	height: 12px;
	background: url('../images/border-home-main-bottom.jpg') no-repeat top left;
}

#home-page .main .border-right
{
	width: 8px;
	height: 847px;
	background: url('../images/border-home-main-right.jpg') no-repeat top left;
	float: left;
}

#home-page .footer
{
	overflow: hidden;
	height: 30px;
	width: 956px;
	background-color: #F4F4F4;
	padding: 5px;
}

#home-page .footer .foot-nav
{
	color: #888888;
	float: left;
	font-weight: bold;
	margin-left: 10px;
	padding-right: 20px;
}

#home-page .footer .copyright
{
	color: #888888;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	top: 0;
	width: 250px;
	margin-left: 150px;
}

#home-page .footer .logo-nct
{
	background: url("../images/logo-nct-bottom.png") no-repeat scroll left top transparent;
	cursor: pointer;
	float: right;
	height: 30px;
	width: 200px;
}

/*******    Header Control ********/
#header
{
	background: #FFFFFF url("../images/header-bg-top.jpg") repeat-x left top;
	margin: 0 auto;
	width: 960px;
	height: 142px;
}

#header .panel-bner
{
	clear: both;
	overflow: hidden;
	padding: 30px 11px 21px 50px;
}

#header .panel-bner .bner-home
{
	background: #FFFFFF url("../images/logo-viss.jpg") no-repeat left top;
	width: 145px;
	height: 67px;
	margin-top: 12px;
	float: left;
	cursor: pointer;
}

#header .panel-bner .bner-top
{
	width: 730px;
	height: 90px;
	float: right;
}

#header .panel-bner .bner-top .bner
{
	width: 730px;
	height: 90px;
	overflow: hidden;
}

#header .panel-bner .bner-top .bner .item
{
}

/*******    Header Bar Control ********/

#header-bar
{
	margin: 0 auto;
	width: 960px;
	height: 38px;
	background-color: #FFF;
}

#header-bar .bg-bar
{
	width: 920px;
	float: left;
	background: transparent url("../images/title-bg-pink.jpg") repeat-x left top;
	padding: 0 10px 0 10px;
	height: 38px;
	margin: 1px 10px 0;
}

#header-bar .bg-bar .tab-panel
{
}

#header-bar .bg-bar .tab-panel .tab
{
	height: 38px;
	padding: 0px;
	float: left;
	line-height: 35px;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
}

#header-bar .bg-bar .tab-panel .tab a
{
	color: #FFF;
}

#header-bar .bg-bar .account-panel
{
	float: right;
	line-height: 35px;
	font-size: 11px;
	overflow: hidden;
}
#header-bar .bg-bar .account-panel span
{
	color: #FFF;
	letter-spacing: 0px;
}

#header-bar .bg-bar .account-panel a
{
	color: #FFF;
}

#header-bar .bg-bar .account-panel .name-panel
{
	float: right;
}

#header-bar .bg-bar .account-panel .fullname
{
	color: #FFF;
	font-weight: bold;
	padding-right: 10px;
}
/*
#header-bar .bg-bar .account-panel .account
{
    color: #FFF;
    padding: 0 3px;
}

#header-bar .bg-bar .account-panel .messenge
{
    color: #FFF;
    padding: 0 3px;
}

#header-bar .bg-bar .account-panel .exit
{
    color: #FFF;
    padding: 0 3px;
}
*/

#header-bar .account-panel .shortcut-bar
{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

#header-bar .account-panel .shortcut-bar .shortcut-bar-left
{
	float: left;
	background: transparent url('../images/shortcut-bar-left.jpg') no-repeat left top;
	width: 10px;
	height: 21px;
}


#header-bar .account-panel .shortcut-bar .shortcut-bar-items
{
	background-color: #FFF;
	float: left;
	height: 15px;
	padding: 3px 2px 3px 12px;
}

#header-bar .account-panel .shortcut-bar .shortcut-bar-items img
{
	cursor: pointer;
	float: left;
	height: 16px;
	margin-right: 20px;
	padding-bottom: 0;
	padding-top: 0;
	width: 16px;
}


#header-bar .account-panel .shortcut-bar .shortcut-bar-items .item-last
{
	margin-right: 10px;
}

#header-bar .account-panel .shortcut-bar .shortcut-bar-right
{
	float: left;
	background: transparent url('../images/shortcut-bar-right.jpg') no-repeat left top;
	width: 10px;
	height: 21px;
}

/*******    Main-page ********/
#main-page
{
}

#main-page #container
{
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 10px 10px 0;
	width: 940px;
}

#main-page #container #main-col
{
}

/*******    Main-col ********/
#main-col
{
	float: left;
	width: 630px;
}

/*******    Right-col ********/
#right-col
{
	float: right;
	width: 300px;
}

/*******    Register page ********/
body.body-bg
{
	background: transparent url("../images/partern-rep.jpg") repeat left 837px;
}

.outer
{
	display: table;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	background: transparent url("../images/partern.jpg") repeat-x left top;
}



#style-page
{
	vertical-align: middle;
	margin: 0 auto;
}

#style-page .border
{
	border: 1px solid #B3B3B3;
	width: 475px;
	margin: 0 auto;
}

#style-page .margin-cs
{
	margin-bottom: 80px;
	position: relative;
}

.margin-cs .img-cs
{
	/*background: transparent url("../images/comingsoom.png") no-repeat left top ;*/
	height: 148px;
	left: 95px;
	position: absolute;
	top: 440px;
	width: 270px;
}

#style-page .logo-reg
{
	background: transparent url("../images/logo-viss-reg.jpg") no-repeat left top;
	width: 200px;
	height: 92px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 27px;
	cursor: pointer;
}

#style-page #register-box #forgot-password #change-password
{
}

#style-page .copyright
{
	color: #888888;
	font-size: 11px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	width: 447px;
}


/*******    Register Control ********/
#register-box
{
	width: 363px;
	border: 1px solid #FFF;
	overflow: hidden;
	padding: 30px 55px 20px 55px;
	background-color: #EEEEEE;
}

#register-box .field
{
	overflow: hidden;
	width: 363px;
}

#register-box .field .title
{
	color: #343434;
	float: left;
	font-weight: bold;
	width: 115px;
}

#register-box .field .right
{
	float: left;
	width: 225px;
}

#register-box .field .right #btnSubmit
{
	background: transparent url("../images/button-join.jpg") no-repeat left top;
	border: none;
	cursor: pointer;
	height: 34px;
	width: 95px;
}

#register-box .field .right .tooltip-error
{
	position: absolute;
	margin-left: 300px;
}



#register-box .field .right label.error
{
}

#register-box .field .right .input
{
	width: 220px;
}

#register-box .field .right .input-birthday
{
	width: 193px;
	float: left;
	margin-right: 5px;
}

#register-box .field .right label
{
	color: #333333;
	padding-right: 30px;
}

#register-box .field .right .group label
{
	cursor: pointer;
}

#register-box .field .right .group .radio
{
	width: 20px;
}

#register-box .field .right .group .checkbox
{
	width: 20px;
}

#register-box .field .right .select
{
	width: 224px;
}

#register-box .field .right .textarea
{
	width: 220px;
	height: 90px;
}

#register-box .field .right .file
{
	margin-right: 3px;
}
/*******    Forgot Password ********/
.change-password .input[type="password"]
{
	border-bottom-color: #9A9A9A;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #9A9A9A;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	height: 18px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	width: 230px;
}
.change-password
{
	width: 400px;
	border: 1px solid #FFF;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	background-color: #EEEEEE;
	text-align: justify;
}
.change-password .btnSummit
{
	width: 100px;
}
.forgot-password
{
	width: 900px;
	border: 1px solid #FFF;
	overflow: hidden;
	padding: 30px 55px 20px 55px;
	background-color: #EEEEEE;
	text-align: justify;
}
.forgot-password .btnSummit
{
	width: 80px;
}
.divHeaderTable
{
	width: 100%;
	padding-bottom: 5px;
	display: block;
}
.divHeaderRow
{
	width: 100%; /* add extra that you want to for header column */
	display: block;
	height: 105px;
}
.divHeaderColumn
{
	float: left;
	width: 33%;
	display: block;
}
.divTable
{
	width: 100%;
	display: block;
	display: block;
}
.divRow
{
	width: 99%;
	display: block;
	padding-bottom: 10px;
	display: block;
	vertical-align: middle;
}


.divRowCustom
{
	width: 99%;
	display: block;
	padding-bottom: 5px;
	display: block;
	vertical-align: middle;
	padding-left: 220px;
}
.divColumn
{
	float: left;
	width: 50%;
	display: block;
	display: block;
}
.divColumnOne
{
	float: left;
	width: 100%;
	display: block;
	display: block;
}
.divColumnLeft
{
	float: left;
	width: 40%;
	display: block;
	display: block;
}
.divColumnRight
{
	float: left;
	width: 60%;
	display: block;
	display: block;
}



/*******    Login page ********/
#login-page
{
	background: url("../images/login-bg.jpg") no-repeat scroll center 240px #EEEEEE;
	border: 1px solid #FFFFFF;
	height: 410px;
	overflow: hidden;
	padding: 30px 55px 20px;
	width: 363px;
}

#login-page .header
{
	background: transparent url("../images/head-commingsoon.jpg") no-repeat left top;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	padding-left: 20px;
	width: 326px;
}

#login-page div.openid
{
	font-size: 13px;
	padding-top: 10px;
	height: 21px;
}

#login-page div.openid .icon
{
	cursor: pointer;
	margin-left: 8px;
}

#login-page .login-field
{
	overflow: hidden;
	width: 360px;
	padding-top: 20px;
}

#login-page .login-field .field
{
	overflow: hidden;
	width: 363px;
}

#login-page .login-field .field .title
{
	color: #343434;
	float: left;
	font-weight: bold;
	width: 115px;
}

#login-page .login-field .field .right
{
	float: left;
	width: 225px;
}

#login-page .login-field .field .right input[type=password]
{
	border: 1px solid #9A9A9A;
	color: #333333;
	height: 18px;
	padding: 1px;
	width: 194px;
}

#login-page .login-field .field .right #btnDangNhap
{
	background: url("../images/button-login.jpg") no-repeat scroll left top transparent;
	border: medium none;
	cursor: pointer;
	height: 34px;
	width: 95px;
}

/*******    Coming Soon page ********/
.comingsoon
{
	background-color: #EEEEEE;
	border: 1px solid #FFFFFF;
	height: 500px;
	overflow: hidden;
	width: 473px;
}

.comingsoon .header
{
	padding: 30px 40px 20px 36px;
	color: #000;
}

.comingsoon .header .title
{
	background: url("../images/head-commingsoon.jpg") no-repeat scroll left top transparent;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	padding-left: 20px;
	width: 326px;
}

.comingsoon .header .content-header
{
	padding-top: 15px;
	text-align: justify;
}

.comingsoon .header .content-header p
{
	padding-top: 7px;
}

.comingsoon .header .content-header .openid
{
	font-size: 13px;
	font-weight: bold;
}

.comingsoon .header .content-header .openid .icon
{
	margin-left: 8px;
	cursor: pointer;
}

.comingsoon .form-email
{
	padding: 10px 20px 5px 30px;
	background-color: #D6D6D6;
	margin-bottom: 75px;
}

.comingsoon .form-email .field-error
{
	background-color: #FFF;
}

.comingsoon .form-email .sumary
{
	padding-left: 5px;
}

.comingsoon .form-email .field
{
}

.comingsoon .form-email .field #ruleVISS
{
	color: #333;
}

.comingsoon .form-email .field #ruleVISS:hover
{
	text-decoration: underline;
}

.comingsoon .form-email .field input#btnJoinEmail
{
	background: transparent url("../images/button-join.jpg") no-repeat left top;
	width: 95px;
	height: 34px;
	border: none;
	cursor: pointer;
}

.comingsoon .form-email .field .input-email
{
	border: 1px solid #999999;
	float: left;
	height: 16px;
	margin-right: 7px;
	padding: 8px;
	width: 284px;
}

/*******    Message Register page ********/
#style-page #message
{
	background: url("../images/couple.jpg") no-repeat scroll 15px bottom #EEEEEE;
	border: 1px solid #FFFFFF;
	height: 340px;
	overflow: hidden;
	padding: 10px 55px 60px;
	width: 363px;
}

#message .title
{
	font-size: 14px;
	font-weight: bold;
}

#message .content
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	text-align: justify;
}

/*******    Profile page ********/
#profile-page
{
	width: 630px;
	overflow: hidden;
}

#profile-page #profile-left-col
{
	width: 210px;
	float: left;
}

#profile-page #profile-main-col
{
	width: 408px;
	float: right;
}

/*******    Profile Main Col ********/
#profile-main-col #profile-main
{
	padding: 10px 0;
}

/*******    Tab Profile Main Col ********/
#tab-nav-profile
{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	width: 406px;
}

#tab-nav-profile ul
{
	overflow: hidden;
	width: 613px;
	height: 30px;
	border-top: 1px solid #a80037;
	background: transparent url("../images/title-bg-white.jpg") repeat-x left top;
	padding: 0 8px;
}


#tab-nav-profile ul li
{
	overflow: hidden;
	float: left;
	height: 29px;
	line-height: 30px;
	cursor:pointer;
}

#tab-nav-profile ul li a
{
	color: #555555;
	font-weight: bold;
}

#tab-nav-profile ul li a div
{
	line-height: 30px;
	white-space: nowrap;
	padding: 0 6px;
}

#tab-nav-profile ul li a.active div
{
	background-color: #a80037;
	color: #FFFFFF;
	
}

#tab-nav-profile-target
{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#tab-nav-profile-target .tab-target
{
	/*background: transparent url("../images/img-bg-gray.jpg") repeat-x left top;*/
	border: 1px solid #FFFFFF;
}



/*******    Personal Profile ********/
#personal-profile
{
	padding-top: 10px;
	color: #333333;
}

#personal-profile .field
{
	overflow: hidden;
	width: 394px;
}

#personal-profile .field .title
{
	color: #333333;
	float: left;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	width: 140px;
}

#personal-profile .field .right
{
	float: left;
	width: 240px;
}

#personal-profile .field .right #field-hobby
{
	width: 240px;
}

#personal-profile .field-edit
{
	border-top: 1px solid #D1D3D4;
	height: 20px;
	margin: 0 10px;
	padding: 5px 0;
	text-align: right;
}

#personal-profile .field-edit .cancel-personal
{
	background: url("../images/img-cancel.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#personal-profile .field-edit .cancel-personal:hover
{
	text-decoration: underline;
}

#personal-profile .field-edit .save-personal
{
	background: url("../images/icon_update.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#personal-profile .field-edit .save-personal:hover
{
	text-decoration: underline;
}

#personal-profile .field .input-height
{
	width: 50px;
}

#personal-profile .field .input-weight
{
	width: 50px;
}

#personal-profile .field .input-Income
{
	width: 170px;
}

#personal-profile .field select
{
	width: 200px;
}

#personal-profile .field .select-income
{
	width: 145px;
}

#personal-profile .field .textarea-hobby
{
	width: 230px;
	height: 70px;
}

#personal-profile .field .group
{
}

#personal-profile .field .group .checkbox
{
	width: 20px;
}

#personal-profile .field .group label
{
	cursor: pointer;
	padding-right: 15px;
}

/*******    Avatar Box ********/
#listAccord
{
	overflow: hidden;
	width: 408px;
	padding-top: 10px;
}

#listAccord .brd-list
{
	border: 1px solid #D1D2D3;
	padding-top: 10px;
}

#listAccord .header
{
	color: #FFF;
	background-color: #a80037;
	width: 160px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 15px;
}

#listAccord .grid
{
	padding: 15px 20px 5px 20px;
}

#listAccord .grid .item
{
	overflow: hidden;
	width: 378px;
	padding-bottom: 20px;
}

#listAccord .grid .item-last
{
	padding-bottom: 0;
}

#listAccord .grid .item .picture
{
	background: transparent url("../images/avatar-thumb-shadow.jpg") no-repeat left bottom;
	float: left;
	padding-bottom: 8px;
	padding-right: 10px;
	width: 120px;
}

#listAccord .grid .item .picture img
{
	width: 120px;
}

#listAccord .grid .item .info
{
	float: left;
}

#listAccord .grid .item .info .name
{
	color: #a80037;
	font-weight: bold;
}

#listAccord .grid .item .info p
{
	color: #333333;
	padding-bottom: 3px;
}

#listAccord .field-more
{
	border-top: 1px solid #D1D3D4;
	height: 20px;
	margin: 0 10px;
	padding: 5px 0;
	text-align: right;
}

#listAccord .field-more .more-accord
{
	background: transparent url("../images/see-more-right.jpg") no-repeat right 3px;
	padding-right: 10px;
}

/*******    Search Box ********/
#search-box
{
	margin-bottom: 10px;
	overflow: hidden;
}

#search-box .brd-list
{
	border: 1px solid #D1D2D3;
	padding-top: 10px;
}

#search-box .header
{
	color: #FFF;
	background-color: #a80037;
	width: 120px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 15px;
}

#search-box .search-field
{
	padding: 10px 10px 5px 10px;
}

#search-box .search-field .field
{
	overflow: hidden;
	color: #000;
}

#search-box .search-field .field .title
{
	float: left;
	padding-right: 10px;
	width: 90px;
}

#search-box .search-field .field .right
{
	float: left;
}

#search-box .search-field .field .right .genre
{
	padding: 0 15px 0 5px;
}

#search-box .search-field .field .right .select
{
	width: 160px;
}

#search-box .search-field .field .right .input
{
	width: 160px;
}

#search-box .search-field .field .right .input-age
{
	width: 41px;
}

#search-box .search-field .field .right .select-city
{
}

#search-box .search-field .field .right .select-job
{
}

#search-box #btn-Search
{
	width: 95px;
	height: 28px;
	cursor: pointer;
	border: none;
	background: transparent url('../images/button-search.jpg') no-repeat left top;
}

/*******    Noel Profile Box Control ********/
#noel-profile
{
	overflow: hidden;
	margin-bottom: 10px;
}

#noel-profile .brd-list
{
	border: 1px solid #D1D2D3;
	padding-top: 10px;
	overflow: hidden;
	background-color: #F8F8F8;
}

#noel-profile .brd-list .header
{
	background-color: #A80037;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	width: 250px;
}

#noel-profile .brd-list .profile
{
	overflow: hidden;
	margin: 15px 0 0px 18px;
	width: 120px;
	height: 128px;
	float: left;
}

#noel-profile .brd-list .profile .avatar
{
	overflow: hidden;
}

#noel-profile .brd-list .empty
{
	padding: 15px 55px;
}

/*******  Noel Event Box ********/
#noel-event
{
	margin-bottom: 10px;
	overflow: hidden;
	border: 1px solid #D1D2D3;
}

#noel-event .cancel
{
	display: block;
	padding: 10px 0px 10px 50px;
}

#noel-event .content
{
	overflow: hidden;
}

#noel-event .content .button
{
	border: none;
	width: 74px;
	height: 35px;
	background: url('../images/btn-yes.jpg') no-repeat left top;
	cursor: pointer;
	margin: 0px 0 0px 115px;
}

/*******    Avatar Box ********/
#profile-left-col #avatar-box
{
	width: 210px;
	overflow: hidden;
	position: relative;
}

#avatar-box .avatar
{
	width: 210px;
}

#avatar-box .avatar img
{
	width: 210px;
}

#avatar-box .avatar-shadow
{
	width: 210px;
	height: 8px;
	background: transparent url("../images/avatar-shadow.jpg") no-repeat left top;
}

#avatar-box .change-avatar
{
	background: url("../images/icon-changeAvatar.jpg") no-repeat scroll 10px 3px #FFFFFF;
	color: #A80037;
	font-weight: bold;
	height: 25px;
	line-height: 20px;
	padding-left: 35px;
	padding-right: 10px;
	position: absolute;
	right: 2px;
	top: 0;
	cursor: pointer;
	font-size: 11px;
}

#avatar-box .change-avatar:hover
{
	text-decoration: underline;
}

/*******    General Account Control ********/
#account-box
{
	color: #333333;
	overflow: hidden;
	width: 210px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#account-box span.fullname
{
	font-size: 16px;
	font-weight: bold;
}

#account-box span.bold
{
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
}

#account-box .field
{
	padding: 5px 0;
}

#account-box .field-edit
{
	border-top: 1px solid #D1D3D4;
	height: 20px;
	padding: 5px 0;
	text-align: right;
}

#account-box-edit
{
	display: none;
}

#account-box-edit .input-fullname
{
	width: 125px;
}

#account-box-edit .input-birthday
{
	float: left;
	width: 100px;
}

#account-box-edit .select-city
{
	width: 130px;
}

#account-box-edit .title
{
	color: #333333;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	width: 65px;
}

#account-box-edit .sex-label
{
	cursor: pointer;
}

#account-box-edit .field-edit
{
	border-top: 1px solid #D1D3D4;
	height: 20px;
	padding: 5px 0;
	text-align: right;
}

#account-box-edit .field-edit .save-general
{
	background: url("../images/icon_update.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#account-box-edit .field-edit .save-general:hover
{
	text-decoration: underline;
}

#account-box-edit .field-edit .cancel-general
{
	background: url("../images/img-cancel.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#account-box-edit .field-edit .cancel-general:hover
{
	text-decoration: underline;
}

/*******    Blast Profile Control ********/
#blast
{
	overflow: hidden;
	width: 408px;
	background-color: #f8f8f8;
}

#blast .top
{
	background: url("../images/corner-left-top.jpg") no-repeat scroll left top transparent;
	height: 10px;
	overflow: hidden;
}

#blast .top .bd-top
{
	border-top: 1px solid #D1D3D4;
	float: left;
	margin-left: 10px;
	width: 390px;
}

#blast .top .right
{
	height: 10px;
	background: transparent url("../images/corner-right-top.jpg") no-repeat right top;
}

#blast .bottom
{
	background: transparent url("../images/corner-left-bottom.jpg") no-repeat scroll left top;
	height: 10px;
	overflow: hidden;
	width: 408px;
}

#blast .bottom .bd-bottom
{
	border-bottom: 1px solid #D1D3D4;
	float: left;
	height: 9px;
	margin-left: 10px;
	width: 390px;
}

#blast .bottom .right
{
	height: 10px;
	background: transparent url("../images/corner-right-bottom.jpg") no-repeat right bottom;
}

#blast .body
{
	background-color: #f8f8f8;
	border-left: 1px solid #d1d3d4;
	border-right: 1px solid #d1d3d4;
	width: 330px;
	position: relative;
	padding: 0px 38px;
	color: #333333;
}

#blast .body .blast-text
{
	/*padding-bottom: 15px;*/
	text-align: justify;
	overflow: hidden;
}

#blast .body .blast-text #cancel-blast
{
	background: transparent url("../images/img-cancel.png") no-repeat left top;
	width: 10px;
	height: 10px;
	border: none;
	float: right;
	margin-bottom: 5px;
	cursor: pointer;
}

#blast .body .blast-text #save-blast
{
	background: transparent url("../images/icon_update.png") no-repeat left top;
	width: 10px;
	height: 10px;
	border: none;
	float: right;
	margin-bottom: 5px;
	cursor: pointer;
}

#blast .body .blast-text .textarea-blast
{
	border: 1px solid #D1D2D3;
	float: left;
	margin-right: 5px;
	padding: 0 2px;
	width: 365px;
}

#blast .body .comma-top
{
	background: transparent url("../images/comma-top.jpg") no-repeat right bottom;
	width: 21px;
	height: 18px;
	position: absolute;
	left: 5px;
	top: 0px;
}

#blast .body .comma-bottom
{
	background: url("../images/comma-bottom.jpg") no-repeat scroll right bottom transparent;
	bottom: 0px;
	height: 18px;
	position: absolute;
	right: 5px;
	width: 21px;
}

/*******    Action Box Control ********/
#action-box
{
	overflow: hidden;
}

#action-box .content
{
	overflow: hidden;
}

#action-box .content .main
{
	width: 205px;
	background-color: #F8F8F8;
	border: solid 1px #D2D4D3;
	overflow: hidden;
	float: left;
	padding-bottom: 10px;
}

#action-box .content .main .row
{
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
}

#action-box .content .main .row-gif
{	
	margin-top: 10px;
	overflow: hidden;
}
#action-box .content .main .row-gif .header
{
	background-color: #A80037;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	width: 140px;
}

#action-box .content .main .item
{
	height: 14px;
	cursor: pointer;
	padding-left: 21px;
	color: #A70038;
	font-weight: bold;
	padding-bottom: 2px;
	overflow: hidden;
}

#action-box .content .main .view-image
{
	background: url('../images/icon-view-picture.jpg') no-repeat left top;
}

#action-box .content .main .add-follow
{
	background: url('../images/icon-like.png') no-repeat left top;
}

#action-box .content .main .send-message
{
	background: url('../images/icon-send-message.jpg') no-repeat left top;
}

#action-box .content .main .report-user
{
	background: url('../images/icon-alert.jpg') no-repeat left top;
}

#action-box .content .border-right
{
	overflow: hidden;
	float: left;
}

#action-box .content .border-right .top
{
	width: 2px;
	height: 3px;
	background: url('../images/border-action-left-top.jpg') no-repeat left top;
}

#action-box .content .border-right .bottom
{
	width: 2px;
	/*height: 152px;*/
	background-color: #D2D4D3;
}

#action-box .border-bottom
{
	overflow: hidden;
}

#action-box .border-bottom .left
{
	width: 3px;
	height: 2px;
	background: url('../images/border-action-bottom-left.jpg') no-repeat left top;
	float: left;
}

#action-box .border-bottom .right
{
	width: 206px;
	/*height: 2px;*/
	background-color: #D2D4D3;
	float: left;
}

/*******    Same Profile Box Control ********/
#same-profile
{
	overflow: hidden;
}

#same-profile .brd-list
{
	width: 406px;
	border: 1px solid #D1D2D3;
	padding-top: 10px;
	overflow: hidden;
	background-color: #F8F8F8;
}

#same-profile .brd-list .header
{
	background-color: #A80037;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	width: 140px;
}

#same-profile .brd-list .profile
{
	overflow: hidden;
	margin: 15px 0;
	padding-left: 20px;
}

#same-profile .brd-list .profile .left
{
	float: left;
	overflow: hidden;
	margin-right: 10px;
}

#same-profile .brd-list .profile .left .avatar
{
	width: 120px;
	height: 120px;
}

#same-profile .brd-list .profile .left .border
{
	height: 8px;
	width: 120px;
}

#same-profile .brd-list .profile .right
{
	float: left;
	overflow: hidden;
}

/* Noel Event */
#interested-profile .brd-list .profile .right .noel-item
{
	width: 25px;
	height: 25px;
}

#same-profile .brd-list .profile .right .row
{
	margin-bottom: 5px;
	line-height: 16px;
}

#same-profile .brd-list .profile .right .name
{
	font-weight: bold;
}

#same-profile .brd-list .empty
{
	margin: 15px;
	padding-left: 60px;
}

#same-profile .brd-list .footer
{
	border-top: 1px solid #D1D4D3;
	padding: 5px 0;
	margin: 0 10px;
	overflow: hidden;
}

#same-profile .brd-list .footer .link
{
	float: right;
}

/*******    Interested Profile Box Control ********/
#interested-profile
{
	overflow: hidden;
}

#interested-profile .brd-list
{
	width: 406px;
	border: 1px solid #D1D2D3;
	padding-top: 10px;
	overflow: hidden;
	background-color: #F8F8F8;
}

#interested-profile .brd-list .header
{
	background-color: #A80037;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	width: 140px;
}

#interested-profile .brd-list .profile
{
	overflow: hidden;
	margin: 15px 0;
	padding-left: 20px;
}

#interested-profile .brd-list .profile .left
{
	float: left;
	overflow: hidden;
	margin-right: 10px;
}

#interested-profile .brd-list .profile .left .avatar
{
	width: 120px;
	height: 120px;
}

#interested-profile .brd-list .profile .left .border
{
	height: 8px;
	width: 120px;
}

#interested-profile .brd-list .profile .middle
{
	float: left;
	overflow: hidden;
}

#interested-profile .brd-list .profile .middle .row
{
	margin-bottom: 5px;
	line-height: 16px;
}

/* Noel Event */
#interested-profile .brd-list .profile .middle .noel-item
{
	width: 25px;
	height: 25px;
}

#interested-profile .brd-list .profile .middle .name
{
	font-weight: bold;
}

#interested-profile .brd-list .profile .right
{
	overflow: hidden;
	float: right;
	margin-right: 20px;
	padding-top: 50px;
}

#interested-profile .brd-list .profile .right .delete-follow
{
	width: 10px;
	height: 10px;
	cursor: pointer;
	border: none;
}

#interested-profile .brd-list .profile .right .delete-follow-off
{
	background: transparent url('../images/icon-delete-off.jpg') no-repeat left top;
}

#interested-profile .brd-list .profile .right .delete-follow:hover
{
	width: 11px;
	height: 11px;
	background: transparent url('../images/icon-delete-on.jpg') no-repeat left top;
}

#interested-profile .brd-list .empty
{
	margin: 15px;
	text-align: center;
}

/*******    General Condition Box Control ********/
#general-condition
{
	padding-top: 10px;
	color: #333333;
}

#general-condition .empty
{
	height: 150px;
	padding: 100px 0 0 80px;
	width: 324px;
}

#general-condition .field
{
	overflow: hidden;
	width: 394px;
}

#general-condition .field .title
{
	color: #333333;
	float: left;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	width: 140px;
}

#general-condition .field .right
{
	float: left;
	width: 240px;
	overflow: hidden;
}

#general-condition .field-edit
{
	border-top: 1px solid #D1D3D4;
	height: 20px;
	margin: 0 10px;
	padding: 5px 0;
	text-align: right;
}

#general-condition .field-edit .cancel-general-condition
{
	background: url("../images/img-cancel.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#general-condition .field-edit .cancel-general-condition:hover
{
	text-decoration: underline;
}

#general-condition .field-edit .save-general-condition
{
	background: url("../images/icon_update.png") no-repeat scroll left 3px transparent;
	color: #A80037;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 11px;
	height: 15px;
	letter-spacing: 0;
	margin-left: 10px;
	padding-left: 15px;
}

#general-condition .field-edit .save-general-condition:hover
{
	text-decoration: underline;
}

#general-condition .field .input-old
{
	width: 30px;
}

#general-condition .field .input-height
{
	width: 30px;
}

#general-condition .field .input-weight
{
	width: 30px;
}

#general-condition .field select
{
	width: 180px;
}

#general-condition .field .group label
{
	cursor: pointer;
	padding-right: 15px;
}

/*******    Image Upload Box ********/
#image-upload-box
{
	width: 628px;
	border: solid 1px #D2D3D5;
	padding-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

#image-upload-box .header
{
	color: #FFF;
	background-color: #a80037;
	width: 104px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 15px;
}

#image-upload-box .upload-fields
{
	margin-top: 10px;
	padding-left: 76px;
	margin-bottom: 10px;
}

#image-upload-box .upload-field
{
	margin-bottom: 5px;
}

#image-upload-box .input-file
{
	height: 22px;
	border: 1px solid #9A9A9A;
}

#image-upload-box .add-more
{
	overflow: hidden;
	margin-bottom: 10px;
}

#image-upload-box .add-more-button
{
	background: transparent url('../images/icon-add.jpg') no-repeat left;
	padding-left: 12px;
	margin-left: 119px;
	cursor: pointer;
}

#image-upload-box .upload
{
	padding-left: 119px;
	margin-bottom: 10px;
}

#image-upload-box .upload-button
{
	background: transparent url('../images/button-upload.jpg') no-repeat left;
	border: none;
	width: 95px;
	height: 28px;
	cursor: pointer;
}

/*******    Image List Box Control ********/

#image-list-box
{
	width: 628px;
	border: solid 1px #D2D3D5;
	padding-top: 10px;
	overflow: hidden;
}

#image-list-box .header
{
	color: #FFF;
	background-color: #a80037;
	line-height: 24px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 20px;
	display: inline-block;
}

#image-list-box .box
{
	overflow: hidden;
	margin-bottom: 15px;
}

#image-list-box .images-thumb-box
{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
	width: 145px;
	height: 165px;
}

#image-list-box .images-thumb-box .image
{
	width: 145px;
	height: 145px;
	margin-bottom: 5px;
	vertical-align: middle;
	display: table-cell;
}

#image-list-box .images-thumb-box img
{
	width: 145px;
	border: none;
	cursor: pointer;
}

#image-list-box .image-delete
{
	padding-left: 20px;
	background: transparent url('../images/icon-delete-image.jpg') no-repeat left;
	cursor: pointer;
}

#image-list-box .image-set-avatar
{
	float: right;
	cursor: pointer;
}

#image-list-box .footer
{
	background: #F8F8F8;
	height: 26px;
	margin-bottom: 5px;
	padding: 8px 15px 0px 15px;
}

#image-list-box .footer-left
{
	float: left;
}

#image-list-box .footer-right
{
	float: right;
}

#image-list-box .footer img
{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
}

#image-list-box .footer a
{
	color: Black;
}

#image-list-box .footer .selected-page
{
	height: 16px;
	background-color: #A80037;
	color: White;
}

#image-list-box .footer .page
{
	height: 16px;
	float: left;
	padding: 2px;
	font-weight: bold;
	margin-right: 4px;
}

/*******  Image Box Control ********/

#image-box
{
	width: 600px;
	border: solid 1px #D2D3D5;
	padding: 10px 14px 10px 14px;
	overflow: hidden;
	margin-bottom: 10px;
}

#image-box .image
{
	width: 600px;
	overflow: hidden;
	text-align: center;
}

#image-box img
{
}

#image-box .footer
{
	padding-top: 10px;
	overflow: hidden;
}

#image-box .footer .tip
{
	float: left;
	display: none;
}

#image-box .image-choose-avatar
{
	background: transparent url('../images/button-choose-avatar.jpg') no-repeat left;
	width: 132px;
	height: 28px;
	cursor: pointer;
	border: none;
	float: right;
}

#image-box .image-choose-done
{
	background: transparent url('../images/button-done.jpg') no-repeat left;
	width: 95px;
	height: 28px;
	cursor: pointer;
	border: none;
	float: right;
	display: none;
	margin-right: 5px;
}

#image-box .image-choose-cancel
{
	background: transparent url('../images/button-cancel.jpg') no-repeat left;
	width: 74px;
	height: 28px;
	cursor: pointer;
	border: none;
	float: right;
	display: none;
}

/*******    Search-page ********/

#search-page
{
	width: 625px;
	padding-left: 5px;
	overflow: hidden;
}

#search-page .header
{
	overflow: hidden;
	margin-bottom: 10px;
	height: 18px;
	background: transparent url('../images/search-header-spacer.jpg') repeat-x left top;
}

#search-page .header .left
{
	float: left;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
	background: #FFF;
}

#search-page .header .right
{
	width: 80px;
	float: right;
	padding-left: 10px;
	background: #FFF;
	text-align: left;
}

#search-page .header .right .view-type
{
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: none;
}

#search-page .header .right .view-thumb
{
	background: transparent url('../images/icon-search-thumb.jpg') no-repeat left;
}

#search-page .header .right .view-detail
{
	background: transparent url('../images/icon-search-detail.jpg') no-repeat left;
}

#search-page .content
{
	overflow: hidden;
}

#search-page .footer
{
	background: #F8F8F8;
	height: 26px;
	margin-bottom: 5px;
	padding: 8px 15px 0px 15px;
}

#search-page .footer-left
{
	float: left;
}

#search-page .footer-right
{
	float: right;
}

#search-page .footer img
{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
}

#search-page .footer a
{
	color: Black;
}

#search-page .footer .selected-page
{
	height: 16px;
	background-color: #A80037;
	color: White;
}

#search-page .footer .page
{
	height: 16px;
	float: left;
	padding: 2px;
	font-weight: bold;
	margin-right: 4px;
}

/* Noel Event */
#search-page .noel-item
{
	width: 25px;
	height: 25px;
}

/*******    Search Detail Control ********/
#search-page .search-detail-box
{
	width: 625px;
	float: left;
	border-bottom: solid 1px #D2D4D3;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
}

#search-page .search-detail-box .left
{
	width: 120px;
	margin-right: 15px;
	float: left;
}

#search-page .search-detail-box .left .avatar
{
	width: 120px;
	height: 120px;
}

#search-page .search-detail-box .border
{
	width: 120px;
	height: 8px;
}

#search-page .search-detail-box .middle
{
	width: 360px;
	float: left;
	margin-right: 20px;
}

#search-page .search-detail-box .middle .name
{
	font-weight: bold;
}

#search-page .search-detail-box .item-icon
{
	width: 16px;
	height: 16px;
	float: left;
	display: none;
}

#search-page .search-detail-box .item-info
{
	width: 160px;
	height: 16px;
	padding-bottom: 14px;
}

#search-page .search-detail-box .right
{
	width: 110px;
	float: left;
}

#search-page .search-detail-box .right-item
{
	width: 110px;
	margin-bottom: 10px;
}

#search-page .search-detail-box .right-item img
{
	margin-right: 10px;
	cursor: pointer;
}

/*******    Search Thumb Box ********/

#search-page .search-thumb-box
{
	width: 170px;
	height: 205px;
	float: left;
	background-color: #F8F8F8;
	border: 1px solid #D2D4D3;
	margin-bottom: 9px;
	margin-right: 14px;
	margin-left: 14px;
	padding-left: 8px;
	padding-top: 6px;
	overflow: hidden;
}

#search-page .search-thumb-box .top
{
	width: 165px;
	height: 16px;
	margin-top: 6px;
	margin-bottom: 4px;
	overflow: hidden;
}

#search-page .search-thumb-box .top .name
{
	font-weight: bold;
}

#search-page .search-thumb-box .top-icon
{
	width: 16px;
	height: 16px;
	float: left;
	display: none;
}

#search-page .search-thumb-box .top-info
{
	height: 16px;
	width: 165px;
	overflow: hidden;
	padding-bottom: 10px;
}

#search-page .search-thumb-box .bottom
{
	height: 145px;
	width: 165px;
	overflow: hidden;
}

#search-page .search-thumb-box .avatar
{
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
}

#search-page .search-thumb-box .avatar img
{
	width: 120px;
	height: 120px;
}

#search-page .search-thumb-box .right
{
	float: right;
	height: 120px;
	padding-left: 5px;
	width: 25px;
}

#search-page .search-thumb-box .right-item
{
	height: 15px;
	padding-bottom: 13px;
	width: 20px;
}



#search-page .search-thumb-box .right-item img
{
	cursor: pointer;
}

#search-page .search-thumb-box .under
{
	width: 120px;
	height: 8px;
	overflow: hidden;
}

/*******    Message-page ********/

#message-page
{
	width: 628px;
	border: solid 1px #D2D4D3;
	float: left;
}

#message-page .header
{
	width: 628px;
	height: 29px;
	border-bottom: solid 1px #D2D4D3;
	float: left;
	background-color: #F8F8F8;
	overflow: hidden;
}

#message-page .header .left
{
	width: 55px;
	height: 13px;
	float: left;
	padding-top: 6px;
	margin-left: 10px;
	margin-right: 5px;
	height: 23px;
	color: #555555;
	font-weight: bold;
	overflow: hidden;
}

#message-page .header .unread
{
	width: 68px;
	height: 19px;
	float: left;
	margin-top: 6px;
	margin-right: 10px;
	padding-left: 4px;
	overflow: hidden;
	font-weight: bold;
	background-color: Transparent !important;
}

#message-page .header .all
{
	width: 52px;
	height: 19px;
	float: left;
	margin-top: 6px;
	padding-left: 7px;
	overflow: hidden;
	font-weight: bold;
}

#message-page .header .unclick
{
	color: #B5023C;
	cursor: pointer;
}

#message-page .header .clicked
{
	color: #FFF;
	cursor: default;
}

#message-page .header .unread-clicked
{
	background: transparent url('../images/bg-message-unread.jpg') no-repeat left top;
}

#message-page .header .all-clicked
{
	background: transparent url('../images/bg-message-all.jpg') no-repeat left top;
}

#message-page .empty-page
{
	overflow: hidden;
	height: 50px;
	padding: 20px 0 0 200px;
}

#message-page .message-box
{
	width: 628px;
	height: 55px;
	border-bottom: solid 1px #D2D4D3;
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;
	overflow: hidden;
}

#message-page .unread
{
	background-color: #F1FAFA;
}

#message-page .message-box .left
{
	width: 50px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	overflow: hidden;
}

#message-page .message-box .left .avatar
{
	width: 50px;
	height: 50px;
}

#message-page .message-box .left .avatar img
{
	width: 50px;
	height: 50px;
}

#message-page .message-box .left .border
{
	width: 50px;
	height: 3px;
	background: url('../images/border-avatar-message.jpg') no-repeat left top;
}

#message-page .message-box .middle
{
	width: 520px;
	height: 55px;
	float: left;
	overflow: hidden;
}

#message-page .message-box .middle .top
{
	overflow: hidden;
}

#message-page .message-box .middle .top .name
{
	width: 145px;
	float: left;
	color: #A80037;
	font-weight: bold;
	margin-right: 10px;
}

#message-page .message-box .middle .top .title
{
	float: left;
	font-weight: bold;
	width: 234px;
	margin-right: 10px;
}

#message-page .message-box .middle .top .title a
{
	color: #555555;
}

#message-page .message-box .middle .top .time
{
	width: 121px;
	float: left;
	color: #999999;
}

#message-page .message-box .middle .top .top-icon
{
	width: 11px;
	height: 11px;
	float: right;
}

#message-page .message-box .middle .bottom
{
	width: 400px;
	padding-top: 5px;
}

#message-page .message-box .middle .bottom a
{
	color: #333333;
}

#message-page .message-box .right
{
	float: right;
	width: 15px;
	height: 28px;
	overflow: hidden;
	padding-top: 16px;
	padding-right: 10px;
}

#message-page .message-box .right .delete-conversation
{
	width: 10px;
	height: 10px;
	cursor: pointer;
	border: none;
}

#message-page .message-box .right .delete-conversation-off
{
	background: transparent url('../images/icon-delete-off.jpg') no-repeat left top;
}

#message-page .message-box .right .delete-conversation:hover
{
	width: 11px;
	height: 11px;
	background: transparent url('../images/icon-delete-on.jpg') no-repeat left top;
}

#message-page .message-box .right .reply-conversation
{
	width: 12px;
	height: 12px;
	cursor: pointer;
}

#message-page .message-box .right .reply-conversation:hover
{
	background: transparent url('../images/icon-reply-mail-active.jpg') no-repeat left top;
}

#message-page .message-box .right .reply-conversation-off
{
	background: transparent url('../images/icon-reply-mail.jpg') no-repeat left top;
}

#message-page .message-box .right .reply-conversation-link
{
	margin-bottom: 4px;
}

#message-page .footer
{
	background: #F8F8F8;
	width: 628px;
	height: 26px;
	padding-top: 8px;
	float: left;
	overflow: hidden;
}

#message-page .footer .left
{
	float: left;
	margin-left: 10px;
}

#message-page .footer .right
{
	float: right;
}

#message-page .footer img
{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
}

#message-page .footer a
{
	color: Black;
}

#message-page .footer .selected-page
{
	height: 16px;
	background-color: #A80037;
	color: White;
}

#message-page .footer .page
{
	height: 16px;
	float: left;
	padding: 2px;
	font-weight: bold;
	margin-right: 4px;
}

#message-page .top
{
	 clear:both;
	 margin-top: 10px;
	
}

/*******    Conversation-page ********/

#conversation-page
{
	width: 628px;
	border: solid 1px #D2D4D3;
	overflow: hidden;
}

#conversation-page .header
{
	width: 628px;
	height: 59px;
	background-color: #F8F8F8;
	padding-top: 6px;
	overflow: hidden;
	color: #999999;
	border-bottom: 1px solid #D2D4D3;
}

#conversation-page .header .left
{
	width: 50px;
	height: 53px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
}

#conversation-page .header .left img
{
	width: 50px;
	height: 50px;
}

#conversation-page .header .left .border
{
	width: 50px;
	height: 3px;
	background: transparent url('../images/border-avatar-message.jpg') no-repeat left top;
}

#conversation-page .header .middle
{
	float: left;
	width: 400px;
	overflow: hidden;
	margin-right: 10px;
}

#conversation-page .header .middle .title
{
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

#conversation-page .header .middle .conversation-info
{
}

#conversation-page .header .middle .conversation-info .name
{
	color: #A80037;
	font-weight: bold;
}

#conversation-page .header .right
{
	float: left;
	width: 140px;
	text-align: right;
	overflow: hidden;
}

#conversation-page .header .right .time
{
	margin-bottom: 10px;
}

#conversation-page .header .right .report-user
{
	height: 14px;
	cursor: pointer;
	padding-right: 21px;
	color: #A70038;
	font-weight: bold;
	padding-bottom: 2px;
	overflow: hidden;
	background: url('../images/icon-alert.jpg') no-repeat right top;
}
#action-box .content .main .sendgif-user
{
	background: url('../images/icon-gif.jpg') no-repeat left top;
}

#conversation-page #messages
{
	overflow: hidden;
}

#conversation-page .message
{
	width: 628px;
	border-bottom: 1px solid #D2D4D3;
}

#conversation-page .unread
{
	background-color: #F1FAFA;
}

#conversation-page .message .message-header
{
	width: 623px;
	overflow: hidden;
	line-height: 14px;
	padding: 5px 0 5px 5px;
	cursor: pointer;
}

#conversation-page .message .message-header .name
{
	float: left;
	width: 150px;
	color: #A80037;
	font-weight: bold;
	margin-right: 10px;
	overflow: hidden;
}

#conversation-page .message .message-header .short-content
{
	float: left;
	width: 400px;
	color: #999999;
	margin-right: 10px;
	overflow: hidden;
}
#conversation-page .message .message-header .last-short-content
{
	display: none;
}

#conversation-page .message .message-header .right
{
	float: left;
	width: 27px;
	height: 12px;
	padding-top: 2px;
	padding-left: 25px;
	overflow: hidden;
}

#conversation-page .message .message-header .right .delete-message
{
	width: 10px;
	height: 10px;
	background: transparent url('../images/icon-delete-off.jpg') no-repeat left top;
	cursor: pointer;
	border: none;
}

#conversation-page .message .message-header .right .delete-message:hover
{
	width: 11px;
	height: 11px;
	background: transparent url('../images/icon-delete-on.jpg') no-repeat left top;
}

#conversation-page .message .content
{
	width: 618px;
	padding: 10px 5px 10px 5px;
	line-height: 14px;
	display: none;
	overflow: hidden;
}

#conversation-page .message .display-content
{
	display: block;
}

#conversation-page .footer
{
	padding: 10px 0 10px 10px;
	background: #F8F8F8;
	width: 618px;
	overflow: hidden;
}

#conversation-page .footer .reply-form
{
	margin-bottom: 5px;
}

#conversation-page .footer .reply-form .reply-title
{
	float: left;
	margin-right: 10px;
}

#conversation-page .footer .reply-form .reply-content
{
	border: 1px solid #9a9a9a;
	width: 528px;
	height: 80px;
}

#conversation-page .footer .submit
{
	float: right;
	overflow: hidden;
}

#conversation-page .footer .submit #btnReplyMessage
{
	width: 92px;
	height: 26px;
	cursor: pointer;
	border: none;
	background: transparent url('../images/btn-reply.jpg') no-repeat left top;
	margin-right: 40px;
}

#conversation-page .empty-page
{
	padding: 40px 0 40px 120px;
}

/*******    Interest-Me-page ********/

#interest-me-page
{
	width: 625px;
	padding-left: 5px;
	overflow: hidden;
}

#interest-me-page .header
{
	overflow: hidden;
	margin-bottom: 10px;
	height: 18px;
	background: transparent url('../images/search-header-spacer.jpg') repeat-x left top;
}

#interest-me-page .header .left
{
	float: left;
	padding-right: 10px;
	text-align: left;
	overflow: hidden;
	background: #FFF;
}

#interest-me-page .header .right
{
	width: 80px;
	float: right;
	padding-left: 10px;
	background: #FFF;
	text-align: left;
}

#interest-me-page .header .right .view-type
{
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: none;
}

#interest-me-page .header .right .view-thumb
{
	background: transparent url('../images/icon-search-thumb.jpg') no-repeat left;
}

#interest-me-page .header .right .view-detail
{
	background: transparent url('../images/icon-search-detail.jpg') no-repeat left;
}

#interest-me-page .content
{
	overflow: hidden;
}

#interest-me-page .footer
{
	background: #F8F8F8;
	height: 26px;
	margin-bottom: 5px;
	padding: 8px 15px 0px 15px;
}

#interest-me-page .footer-left
{
	float: left;
}

#interest-me-page .footer-right
{
	float: right;
}

#interest-me-page .footer img
{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
}

#interest-me-page .footer a
{
	color: Black;
}

#interest-me-page .footer .selected-page
{
	height: 16px;
	background-color: #A80037;
	color: White;
}

#interest-me-page .footer .page
{
	height: 16px;
	float: left;
	padding: 2px;
	font-weight: bold;
	margin-right: 4px;
}

/* Noel Event */
#interest-me-page .noel-item
{
	width: 25px;
	height: 25px;
}

/*******    Interest Thumb Box ********/
#interest-me-page .interest-thumb-box
{
	width: 170px;
	height: 199px;
	float: left;
	background-color: #F8F8F8;
	border: 1px solid #D2D4D3;
	margin-bottom: 9px;
	margin-right: 14px;
	margin-left: 14px;
	padding-left: 8px;
	padding-top: 6px;
	overflow: hidden;
}

#interest-me-page .interest-thumb-box .top
{
	width: 165px;
	height: 16px;
	margin-top: 6px;
	margin-bottom: 4px;
	overflow: hidden;
}

#interest-me-page .interest-thumb-box .top .name
{
	font-weight: bold;
}

#interest-me-page .interest-thumb-box .top-icon
{
	width: 16px;
	height: 16px;
	float: left;
	display: none;
}

#interest-me-page .interest-thumb-box .top-info
{
	height: 16px;
	width: 165px;
	overflow: hidden;
	padding-bottom: 10px;
}

#interest-me-page .interest-thumb-box .bottom
{
	height: 145px;
	width: 165px;
	overflow: hidden;
}

#interest-me-page .interest-thumb-box .avatar
{
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
}

#interest-me-page .interest-thumb-box .avatar img
{
	width: 120px;
	height: 120px;
}

#interest-me-page .interest-thumb-box .right
{
	float: right;
	height: 120px;
	padding-left: 5px;
	width: 25px;
}

#interest-me-page .interest-thumb-box .right-item
{
	height: 15px;
	padding-bottom: 13px;
	width: 20px;
}

#interest-me-page .interest-thumb-box .right-item img
{
	cursor: pointer;
}

#interest-me-page .interest-thumb-box .under
{
	width: 120px;
	height: 8px;
}

/*******    Interest Detail Control ********/
#interest-me-page .interest-detail-box
{
	width: 625px;
	float: left;
	border-bottom: solid 1px #D2D4D3;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
}

#interest-me-page .interest-detail-box .left
{
	width: 120px;
	margin-right: 15px;
	float: left;
}

#interest-me-page .interest-detail-box .left .avatar
{
	width: 120px;
	height: 120px;
}

#interest-me-page .interest-detail-box .border
{
	width: 120px;
	height: 8px;
}

#interest-me-page .interest-detail-box .middle
{
	width: 360px;
	float: left;
	margin-right: 20px;
}

#interest-me-page .interest-detail-box .middle .name
{
	font-weight: bold;
}

#interest-me-page .interest-detail-box .item-icon
{
	width: 16px;
	height: 16px;
	float: left;
	display: none;
}

#interest-me-page .interest-detail-box .item-info
{
	width: 160px;
	height: 16px;
	padding-bottom: 14px;
}

#interest-me-page .interest-detail-box .right
{
	width: 110px;
	float: left;
}

#interest-me-page .interest-detail-box .right-item
{
	width: 110px;
	margin-bottom: 10px;
}

#interest-me-page .interest-detail-box .right-item img
{
	margin-right: 10px;
	cursor: pointer;
}

/*******    Help-page ********/
#help-page
{
}

/*#help-right-col
{
    overflow: hidden;
}

#help-right-col .quick-help-header
{
    width: 300px;
    background: url('../images/bg-quick-help.jpg') no-repeat left top;
    height: 36px;
    margin-bottom: 10px;
}

#help-right-col .fqa
{
    margin-bottom: 10px;
}

#help-right-col .fqa .brd-list
{
    border: 1px solid #D1D2D3;
    padding-top: 10px;
    background-color: #F8F8F8;
}

#help-right-col .fqa .header
{
    color: #FFF;
    background-color: #a80037;
    width: 160px;
    line-height: 24px;
    font-weight: bold;
    padding-left: 15px;
}

#help-right-col .fqa .qas
{
    overflow: hidden;
    padding: 20px 0px 0px 10px;
}*/

/*******    Foot-page ********/
#foot-page
{
	background: transparent url("../images/foot-page.jpg") no-repeat center bottom;
	height: 30px;
}

#foot-page #footer
{
	font-size: 11px;
	line-height: 30px;
	margin: 0 auto;
	width: 960px;
	height: 40px;
	overflow: hidden;
}

#footer .copyright
{
	color: #888888;
	float: left;
	margin-left: 160px;
}

#footer .foot-nav
{
	color: #888888;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	margin-left: 10px;
}

#footer .foot-logo
{
	float: right;
}
#footer .logo-nct
{
	background: url("../images/logo-nct-bottom.png") no-repeat scroll left 10px transparent;
	cursor: pointer;
	float: right;
	height: 30px;
	width: 188px;
}

/*******    Error-page ********/

#error-page-full
{
	width: 545px;
	margin: 0 auto;
	padding-top: 150px;
}

#error-page
{
	overflow: hidden;
}

#error-page .shadow-left
{
	float: left;
	overflow: hidden;
	width: 11px;
	height: 223px;
	background: transparent url('../images/error-shadow-left.gif') no-repeat left top;
}

#error-page .middle
{
	float: left;
	overflow: hidden;
}

#error-page .middle .shadow-top
{
	overflow: hidden;
	width: 520px;
	height: 12px;
	background: transparent url('../images/error-shadow-top.gif') no-repeat left top;
}

#error-page .middle .main
{
	height: 200px;
	overflow: hidden;
}

#error-page .middle .main .content
{
	float: left;
}

#error-page .middle .main .content .border-top
{
	width: 348px;
	height: 45px;
	background: transparent url('../images/error-border-top.gif') no-repeat left top;
}

#error-page .middle .main .content .error-content
{
	width: 348px;
	height: 111px;
	background: transparent url('../images/bg-error.jpg') no-repeat left top;
	color: #FFF;
}

#error-page .middle .main .content .error-content .title
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
}

#error-page .middle .main .content .error-content .text
{
	font-size: 13px;
	padding-left: 20px;
}

#error-page .middle .main .content .border-bottom
{
	width: 348px;
	height: 44px;
	background: transparent url('../images/error-border-bottom.gif') no-repeat left bottom;
}

#error-page .middle .main .icon
{
	float: right;
	height: 200px;
	width: 172px;
	background: transparent url('../images/icon-error.gif') no-repeat left top;
}

#error-page .middle .shadow-bottom
{
	overflow: hidden;
	width: 520px;
	height: 12px;
	background: transparent url('../images/error-shadow-bottom.gif') no-repeat left top;
}

#error-page .shadow-right
{
	float: left;
	overflow: hidden;
	width: 11px;
	height: 223px;
	background: transparent url('../images/error-shadow-right.gif') no-repeat left top;
}

/**************************/
/*      Date picker     */

table.jCalendar
{
	border: 1px solid #FFFFFF;
	background: #aaa;
	border-collapse: separate;
	border-spacing: 2px;
}
table.jCalendar th
{
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td
{
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month
{
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today
{
	background: #666;
	color: #fff;
}
table.jCalendar td.selected
{
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover
{
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td
{
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td
{
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover
{
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover
{
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/icon-calendar.jpg) no-repeat;
}
a.dp-choose-date.dp-disabled
{
	background-position: 0 -20px;
	cursor: default;
}

div.dp-popup
{
	background: none repeat scroll 0 0 #CCCCCC;
	font-family: arial,sans-serif;
	font-size: 10px;
	line-height: 1.2em;
	padding: 2px;
	position: relative;
	width: 174px;
}
div#dp-popup
{
	border: 1px solid #B2B2B2;
	position: absolute;
	z-index: 199;
}
div.dp-popup h2
{
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color: #333333;
	font-weight: bold;
}
a#dp-close
{
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover
{
	text-decoration: underline;
}
div.dp-popup a
{
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a
{
	font-weight: bold;
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a
{
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled
{
	cursor: default;
}
div.dp-popup div.dp-nav-next
{
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a
{
	float: right;
}
div.dp-popup a.disabled
{
	cursor: default;
	color: #aaa;
}
div.dp-popup td
{
	cursor: pointer;
}
div.dp-popup td.disabled
{
	cursor: default;
}

/*******************************************************************
    jquery alert
 */
#popup_container
{
	font-size: 12px;
	min-width: 300px;
	max-width: 600px;
	background: #fff;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #ccc url(../images/alert/title.gif) top repeat-x;
	border: solid 1px #fff;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content
{
	background: 16px 16px no-repeat url(../images/alert/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert
{
	background-image: url(../images/alert/info.gif);
}

#popup_content.confirm
{
	background-image: url(../images/alert/important.gif);
}

#popup_content.prompt
{
	background-image: url(../images/alert/help.gif);
}

#popup_message
{
	padding-left: 48px;
}

#popup_panel
{
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt
{
	margin: .5em 0em;
}

/*****shadowbox****/
#sb-title
{
}
#sb-title-inner
{
	color: #E90037;
	font-weight: bold;
	font-size: 13px;
}

#sb-wrapper-inner
{
	border: 6px solid #D1D2D3;
}

.btn-request
{
	width: 176px;
	height: 33px;
	background-image: url(../images/btn_request.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	border: none;
}
.btn-delete
{
	width: 46px;
	height: 27px;
	background-image: url(../images/btn_delete.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	border: none;
}

.btn-accept
{
	width: 53px;
	height: 25px;
	background-image: url(../images/btn_accept.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	border: none;
}

.btn-deny
{
	width: 52px;
	height: 25px;
	background-image: url(../images/btn_deny.gif);
	cursor: pointer;
	border: none;
}

.btn-online
{	width: 50px;
	height: 25px;
	clear:both;
	background-image: url(../images/btn_online.gif);
	cursor: pointer;
	border: none;
}
.mainRequest
{
	float: left;
	width: 30%;
	margin: 5px 5px 5px 5px;
}

.mainAllowed
{
	float: left;
	width: 30%;
	margin: 5px 5px 5px 5px;
}


.bright15
{
	float: right;
	 padding-right:15px;
}

.clearRequest
{	width:100%;
	clear: both;
}
/*****Paging QuyBD 25/04/2011****/

.PaneLeft {float:left;}
.PaneRight {float:right;}
.Allbreakpage { padding:5px 0 5px 0;text-align:center }
.Allbreakpage ul { margin:0px; padding:0px; font-size: 12px}
.Allbreakpage ul li { list-style-type:none; display:inline; padding-bottom:1px;margin:1px}
.Allbreakpage ul li a {text-decoration:none;color:#00437D}
.Allbreakpage ul li a:hover {text-decoration:none}
.Allli_select {padding:4px 8px;font-weight:bold}
.Allbreakpage ul li a, .Allbreakpage ul li a:visited { padding:4px 8px 4px 8px; color:#00437D; border:solid #C8C8C8 1px; font-size:12px }
.Allbreakpage ul li a:hover, .Allbreakpage ul li a:active {padding:4px 8px 4px 8px; color:#5f5f5f }
.clear {clear:both; height:1px}
/***********************************************************/
#list-gif
{
	width:625px;
	overflow:hidden;
	padding-left:5px;
}
#list-gif .header
{
	width:625px;
	height:25px;
}
#list-gif .header .left
{
	background-color:#A80037;
	color:#FFFFFF;
	width:140px;
	padding-left:15px;
	line-height:24px;
	font-weight:bold;
	height:25px;	
	float:left;
}
#list-gif .content
{
	width:625px;
	clear:both;
	float:left;
	margin-top:10px;
}
#list-gif .footer
{
	float:right;
	
}
#list-gif .footer .page
{
	height: 16px;
	float: left;
	padding: 2px;
	font-weight: bold;
	margin-right: 4px;
}

<<<<<<< .mine
/* Noel Event */
#list-gif .noel-item
{
	width: 25px;
	height: 25px;
}


#list-gif .thumb-box
{
	width: 170px;
	height: 170px;
	float: left;
	background-color: #F8F8F8;
	border: 1px solid #D2D4D3;
	margin-bottom: 9px;
	margin-right: 14px;
	margin-left: 20px;
	/*padding-left: 8px;*/
	padding-top: 6px;
	overflow: hidden;
}


#list-gif .thumb-box .bottom
{	
	width: 165px;
	overflow: hidden;
	text-align:center;
}

#list-gif .thumb-box .avatar
{
	width: 120px;
	height: 120px;	
	overflow: hidden;
	margin:0 auto;
}

#list-gif .thumb-box .avatar img
{
	width: 120px;
	height: 120px;
}

#list-gif .thumb-box .under
{
	width: 120px;
	height: 8px;
	overflow: hidden;
	margin:0 auto;
}


